/*
 * user-manage.js
 */
$(document).ready(function(){
	
	//选中角色
	$(".left-bar-item").on("click",".role-name",function(){
		$(".left-bar-item .btn-block").removeClass("active");
		$(this).parents(".btn-block").addClass("active");
	})
	
	    		
	/***********************************************************************************
	 * 日期选择   **************************************************************************
	 ***********************************************************************************/
	
	//日历选择器
	$('#date-picker').daterangepicker({
	    startDate: "2017-06-08",
	    endDate: "2017-06-14",
	    opens:"center",
	    //本地化配置
	    locale : {  
	    	format: "YYYY-MM-DD",
	        applyLabel : '确定',  
	        cancelLabel : '取消',  
	        fromLabel : '起始时间',  
	        toLabel : '结束时间',  
	        customRangeLabel : '自定义',  
	        daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],  
	        monthNames : [ '1月', '2月', '3月', '4月', '5月', '6月',  
	                '7月', '8月', '9月', '10月', '11月', '12月' ],  
	        firstDay : 1  
	    }  
	}, function(start, end, label) {
		  //console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
	});
	
	//绑定日历事件，由日历"确认"按钮触发
	$('#date-picker').on('apply.daterangepicker',function(ev, picker) {
	
		$("#createTime").val(picker.startDate.format('YYYY-MM-DD'));
		$("#endTime").val(picker.endDate.format('YYYY-MM-DD'));
	});

	/*----------------------------------------------------------
	 * 修改资料中的下拉选择框
	 ---------------------------------------------------------*/
	$(".modal .options").slideUp();
	//1、收起选项，取消选项标志类名selected
	$(".modal .close,.modal .cancel").click(function(){
		var $parent=$(this).parents(".modal").find(".options");
		$parent.hide().find(".options-item").removeClass("selected");
	});
	
	//2、收起展开选项
	$(".modal .btn-unfold").click(function(){
		$(this).next(".options").slideToggle();
	});
	
	//3、点击具体选项时
	$(".select-box").on("click",".options-item",function(e){
		var e=e || window.event, that=e.target || e.srcElement;
		$(that).addClass("selected").siblings().removeClass("selected");
		
		var value,txt;
		value=$(that).attr("value");
		txt=$(that).text();

		$(that).parents(".select-box").find(".btn-unfold span").attr("value",value).html(txt);
	});
	
	
	/***************************************************************************************
	 * 成员角色操作 ****************************************************************************
	***************************************************************************************/
	
	var personId,  //成员id
		role,      //成员角色标志
		roleName;  //成员角色名称
	
	//获取成员id
	$(".del,.edit").click(function(){
		personId=$(this).parents('tr').attr("id");
		$(".person-table tbody tr[id='"+personId+"']").addClass("bg-danger")
		.siblings().removeClass("bg-danger");
	});
	
	//确认修改角色
	$("#edit-save").click(function(){
		console.log("id："+personId+"，role："+role);
		
		//隐藏modal
		$('#editModal').modal('hide');
		var roleId = $("#editModal .btn-unfold span").attr("value");  
		var userId = $("#roleUserId").val();
		
		//发送成员id和role
		$.ajax({
			type:"post",
			url:"/userRole/updateUserRoel",
			data:{"roleId":roleId, "userId":userId},
			dataType: "json",
			success:function(data){
				if(data.status==true){
					//在前端页面修改成员角色
					$(".person-table tbody tr[id='"+personId+"']").find(".character").html(roleName).attr("value",role);
				}
			}
		});
		
		//收起选项
		var $parent=$(this).parents(".modal").find(".options");
		$parent.hide().find(".options-item").removeClass("selected");
		
	});
	
	//确认删除成员
	$("#del-confirm").click(function(){
		//隐藏modal
		$('#delModal').modal('hide');
		
		var userId = $("#userId").val();
		var receiveId = $("#receiveId").val();
		
		$.ajax({
			type:"post",
			url:"/invitation/" + userId+"/"+receiveId,
			data:{"inviteId":userId,"receiveId":receiveId},
			dataType: "json",
			success:function(data){
				
				//如果移除成功，从前端页面列表中删除该成员
				if(data.status==true){
					showTips(data.data);
					$(".person-table tbody tr[id='"+personId+"']").remove();
				}
			}
		})
		
	});
	
	//取消对成员的操作时，移除警告
	$("#del-cancel,#edit-cancel,#edit-save").click(function(){
		$("tr").removeClass("bg-danger");
	});
	
	//搜索
	$("#searchUser").click(function(){ searchUser(); });
	
	$(document).keydown(function(e){
		var e=e || window.event;
		if(e.keyCode==13){
			searchUser();
		}
	})
	
	//搜索函数
	function searchUser(){
		var condition = $("#condition").val();
		var createTime = $("#createTime").val();
		var endTime = $("#endTime").val();
		var userId = $("#userId").val();
		var roleId = $("#roleId").val();
		
		if(createTime == '' && endTime == '' && condition == '') {
			showTips("请填写搜索条件");
			return false;
		}
		
		$.ajax({
			type:"post",
			url:"/user/list",
			data:{"createTime":createTime,"endTime":endTime,"id":userId,"condition":condition,"roleId":roleId},
			success:function(data){
				$("#mytable").html(data);
			}
		});
	};
	
	$("#deleteRole").click(function(){
		var roleId = $("#roleIds").val();
		$.ajax({
			type:"post",
			url:"/role/deleteRole",
			data:{"id":roleId},
			dataType:"json",
			success:function(data){
				if(data.status == true){
					location.reload();
				} else {
					$('#del-role-modal').modal('hide');
					showTips(data.data);
				}
			}
		})
	});
	
	/*信息提示框*/
	function showTips(str){
		var doc=document;
		var timer=null;
		
		//如果提示框已被创建，则只改变文本内容，否则创建提示框
		if(doc.querySelector(".tips")!==null){
			doc.querySelector(".tips span").innerHTML=str;
			doc.querySelector(".tips").style.display="block";
		}else{
			var body=doc.querySelector("body"),
				tips=doc.createElement("div"),
				span=doc.createElement("span");
			
			//设置提示框样式，并将节点插入到body中
			tips.style.cssText="position:fixed; top:0;z-index:9999; width:100%; height:100%; background-color:rgba(0,0,0,.5);color:#23a8f5;";
			span.style.cssText="max-width:60%;padding:30px 50px;border-radius:2px;background-color:#fff;position:relative;top:50%;transform:translateY(-50%);margin-left:auto;margin-right:auto;box-shadow:0 0 20px #000; display:inline-block; text-align:left;";
			span.innerHTML=str;
			tips.appendChild(span);
			tips.className="tips text-center";
			body.appendChild(tips);
			
			//点击时隐藏提示框
			tips.onclick=function(){
				clearTimeout(timer);
				this.style.display="none";
			};
		};
		
		timer=setTimeout(function(){
			doc.querySelector(".tips").style.display="none";
		},3000);
	
	};
	
});

//确认删除成员
function removeInvest(id){
	//隐藏modal
	$('#delModal').modal('hide');
	 $("#receiveId").val(id);
}

//确认删除成员
function update(id){
	//隐藏modal
	$('#editModal').modal('hide');
	$("#roleUserId").val(id);
}
//确认删除角色前
function removeRole(id){
	$('#del-role-modal').modal('show');
	$("#roleIds").val(id);
}

function searchRoleUser(roleId) {
	var condition = $("#condition").val();
	var pageNo = $("#pageNo").val();
	var createTime = $("#createTime").val();
	var endTime = $("#endTime").val();
	var userId = $("#userId").val();
	$.ajax({
		type:"post",
		url:"/user/list",
		data:{"pageNo":pageNo,"condition":condition,"createTime":createTime,"endTime":endTime,"id":userId,"roleId":roleId},
		success:function(data){
			$("#mytable").html(data);
			pages();
		}
	})
}
var method;
method = function(){
	var pageNo = $('#pageNo').val();
	var condition = $("#condition").val();
	var roleId = $("#roleId").val();
	var createTime = $("#createTime").val();
	var endTime = $("#endTime").val();
	var userId = $("#userId").val();
	$.ajax({
		type:"post",
		url:"/user/list",
		data:{"pageNo":pageNo,"condition":condition,"createTime":createTime,"endTime":endTime,"id":userId,"roleId":roleId},
		success:function(data){
			$("#mytable").html(data);
		}
	});
}



